// innerPageTable-box-OneTwo 搜索框的自适应样式-适用于1-2个搜索框的情况
// innerPageTable-box-Three 搜索框的自适应样式-适用于3个搜索框的情况
// innerPageTable-box-Four搜索框的自适应样式-适用于4个搜索框的情况
// .single-page-con {
.innerPageTable-box-OneTwo,
.innerPageTable-box-Three,
.innerPageTable-box-Four {
  .search-bar > div {
    margin-right: 0 !important;
    position: static !important;
  }
  .ivu-col {
    padding-left: 0px !important;
    padding-right: 40px !important;
  }
  .ivu-form-item {
    width: 100%;
    .ivu-form-item-label {
      float: left;
      height: 34px;
      line-height: 34px;
    }
    .ivu-form-item-content {
      float: right;
      width: calc(~"100% - 70px");
      .ivu-select {
        width: 100% !important;
      }
    }
  }
  .search-bar > div:last-child {
    position: static !important;
    text-align: right !important;
  }
  // 公共的搜索区域样式
  .ivu-form {
    padding: 0 20px 12px !important;
    .ivu-row {
      margin-bottom: 0px !important;
      .ivu-col {
        .ivu-form-item {
          .ivu-form-item-label {
            font-family: PingFangSC-Regular !important;
            font-size: 14px !important;
            color: #333 !important;
          }
        }
      }
      .handle-bar-one {
        .ivu-form-item {
          .ivu-form-item-content {
            width: 100% !important;
          }
        }
      }
    }
  }
}
// @media screen and (max-width: 1400px) {
// .table-bar {
//   margin-bottom: 20px;
//     height: 0!important;
//     position: relative;
// }
// }
.search-bar > div:last-child {
  display: none;
}

// ---------按钮位置---------
.handle-bar-one {
  display: block;
  white-space: nowrap;
  button:first-child {
    background-color: #ff6f4b;
    border-color: #ff6f4b;
    font-size: 14px;
    height: 32px;
    margin-right: 14px;
  }
  button:last-child {
    color: #ff6f4b;
    background-color: #fff;
    border-color: #ff6f4b !important;
    font-size: 14px;
    height: 32px;
  }
}

.innerPageTable-box-Three {
  // ---------根据分辨率改变显示的搜索框个数+按钮位置---------
  // 屏幕宽在1440px以下用该样式
  @media screen and (max-width: 1440px) {
    .ivu-col {
      width: 33% !important;
    }
    .handle-bar-one {
      display: none;
    }
    .search-bar > div:last-child {
      display: block;
      .handle-bar-two {
        text-align: right;
      }
    }
  }
  // 屏幕宽在1440px以上用该样式
  @media screen and (min-width: 1440px) {
    .ivu-col {
      width: 25% !important;
    }
    .handle-bar-one {
      display: block;
      white-space: nowrap;
      button:first-child {
        background-color: #ff6f4b;
        border-color: #ff6f4b;
        font-size: 14px;
        height: 34px;
        margin-right: 14px;
      }
      button:last-child {
        color: #ff6f4b;
        background-color: #fff;
        border-color: #ff6f4b !important;
        font-size: 14px;
        height: 34px;
      }
    }
    .search-bar > div:last-child {
      display: none;
    }
  }
}

.innerPageTable-box-Four {
  .ivu-form-item-content {
    .ivu-input-wrapper {
      width: 100% !important;
    }
  }

  // ---------根据分辨率改变显示的搜索框个数+按钮位置---------
  // 屏幕宽在1440px以下用该样式
  @media screen and (max-width: 1440px) {
    .ivu-col {
      width: 33% !important;
    }
    .handle-bar-one {
      display: block;
      white-space: nowrap;
      button:first-child {
        background-color: #ff6f4b;
        border-color: #ff6f4b;
        font-size: 14px;
        height: 34px;
        margin-right: 14px;
      }
      button:last-child {
        color: #ff6f4b;
        background-color: #fff;
        border-color: #ff6f4b !important;
        font-size: 14px;
        height: 34px;
      }
    }
    .search-bar > div:last-child {
      display: none;
    }
  }
  // 屏幕宽在1440px以上用该样式
  @media screen and (min-width: 1440px) {
    .ivu-col {
      width: 25% !important;
    }
    .handle-bar-one {
      display: none;
    }
    .search-bar > div:last-child {
      display: block;
      .handle-bar-two {
        text-align: right;
      }
    }
  }
}
// }
